<template>
  <div id="app">
    <div>
      <span @click="showTime='commodity'">商品</span>
      <span @click="showTime='comment'">商家</span>
      <span @click="showTime='merchant'">评论</span>
    </div>
    <component :is="showTime"></component>
  </div>
</template>

<script>
import commodity from './components/commodity'   //商品
import comment from './components/comment'       //评论
import merchant from './components/merchant'    //商家

export default {
  name: 'App',
  components: {
    commodity,
    comment,
    merchant 
  },
  data(){
    return {
      showTime:"commodity"
    }
  }
}
</script>

<style>

</style>
